<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/layout/templateAdmin.xhtml">


	<ui:define name="head">

	</ui:define>	

	<ui:define name="conteudo" >
	<h:form id="formPrincipal">
			<p:panelGrid columns="2">
				<p:outputLabel value="Descrição"/>
				<p:inputText id="descricao" value="#{GrupoMb.obj.descricao}" label="Descrição" size="50" maxlength="50"
					required="true" requiredMessage="Descrição é Obrigatório!" />
			</p:panelGrid>
			
			<div class="boxComponentes">
				<div class="box_botoes" style="margin-top: 13px">
					<p:commandButton value="Inserir" actionListener="#{GrupoMb.inserir()}" 
						update=":formDados :growl :formPrincipal" icon="ui-icon-disk"
						rendered="#{empty GrupoMb.obj.id}"></p:commandButton>
		
					<p:commandButton value="Alterar" actionListener="#{GrupoMb.alterar()}" 
						update=":formDados :growl :formPrincipal" icon="ui-icon-pencil"
						rendered="#{not empty GrupoMb.obj.id}"></p:commandButton>
		
					<p:commandButton value="Cancelar" actionListener="#{GrupoMb.limpar()}" 
						update=":formDados :growl :formPrincipal" icon="ui-icon-cancel"
						rendered="#{not empty GrupoMb.obj.id}"></p:commandButton>
				
					<p:commandButton value="Excluir" onclick="modalExclusao.show()" icon="ui-icon-trash"
						rendered="#{not empty GrupoMb.obj.id}" />
				</div>
			</div>

		</h:form>	
	
	
	
		<h:form id="formDados">
			<p:dataTable id="lista" value="#{GrupoMb.lista}"
						var="obj" rowKey="#{obj.id}"
						emptyMessage="Nenhum item Encontrado!" selectionMode="single"
						paginator="true" rows="5" paginatorPosition="bottom">
				
				<p:ajax event="rowSelect" listener="#{GrupoMb.selecionar}" 
						update=":formPrincipal" />
						
				<p:column sortBy="#{obj.id}">
					<f:facet name="header">CODIGO</f:facet>
					<h:outputText value="#{obj.id}" />
				</p:column>
				<p:column sortBy="#{obj.descricao}">
					<f:facet name="header">Descrição</f:facet>
					<h:outputText value="#{obj.descricao}" />
				</p:column>
			</p:dataTable>
		</h:form>
		
		<p:confirmDialog id="confirmExclusao" message="Excluir" appendToBody="true" header="Atenção"
			severity="alert" widgetVar="modalExclusao">
			<h:form id="formConfirmacao">
				<p:commandButton value="Sim" oncomplete="modalExclusao.hide()"
					actionListener="#{GrupoMb.excluir()}"
					update=":formPrincipal :formDados :growl"/>
				<p:commandButton value="Não" onclick="modalExclusao.hide()" />
			</h:form>
		</p:confirmDialog>
		
	</ui:define>
</ui:composition>